<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- Bootstrap CSS Files -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
    <link rel="stylesheet" href="bootstrap/css/font-awesome-5.8.1.css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="bootstrap/css/mdb.css">
    <link rel="stylesheet" href="bootstrap/css/style.css">
    <title>Travel </title>
</head>
<body>

    <!-- Main Navbar -->
    <nav class="navbar navbar-expand-sm navbar-dark bg-teal">
        <div class="container">
            <a href="index.html" class="navbar-brand">
               <i class="fa fa-plane-departure"></i> Travel Mysore</a>
            <button class="navbar-toggler" data-toggle="collapse" data-target="#travel-navbar">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="travel-navbar">
                <ul class="navbar-nav ml-auto">
                    
                    <li class="nav-item px-3">
                        <a href="destinations.html" class="nav-link">Visiting Spots</a>
                    </li>
                    <li class="nav-item px-3">
                        <a href="#gallery" class="nav-link">Gallery</a>
                    </li>
                    <li class="nav-item px-3">
                        <a href="#contact" class="nav-link">Contact</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- Slider Section -->
    
    <!-- Search Section -->
    <section id="search" class="p-3 bg-teal text-white">
        <div class="container">
            <div class="row">
                <div class="col">
                    <h5 class="display-4">Famous Cuisines</h5>
                    <p class="lead">Mysore food firmly upholds India's reputation as a riotous, characterful place to eat, with flavours, stories and colours blending all the way from royal palaces to streets stalls. Here's our inside guide on what to eat in Mysore.</p>
                </div>
            </div>
        </div>
    </section>
    <section class="bg-light p-4">
        <div class="container">
            <div class="row">
                
                    <div class="card text-center mt-3">
                        <div class="card-body">
                            <i class="fa fa-location-arrow fa-4x text-teal"></i>
                            <p class="h2">How to enjoy Mysore food</p>
                            <p>If you're looking for the ultimate in Mysore food, the answer has to be the Mysore pak. Yes, it was invented here, so that's a big plus in the culture and tradition box, but more importantly: it tastes so good!</p>
                            <p>Anyway, away from the philosophy, what are the food specialties in Mysore? What food should you try? Are food tours worth it? What's a good restaurant to eat at and what about a food market?  </p>
                        </div>
                    </div>
                      
            </div>
        </div>
    </section>

    <!-- Popular Places -->
    <section id="places" class="p-3">
        <div class="container">
            <div class="row text-center">
                <div class="col">
                    <h5 class="display-4">
                        <span class="text-teal">Popular</span> Foods
                    </h5>
                    <p class="lead">Let's get going on all the rituals, folklore and flavour behind Mysore food.</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="card mt-3">
                        <img src="images/mysore-pak-image.jpg" class="img-fluid" alt="">
                        <div class="card-body">
                            <h3 class="card-title">Mysore Pak</h3>
                            <p class="card-text">As befits a signature dish from a city with a great palace, mysore pak began life as the invention of a royal chef. Kakasura Madappa first blended together this mix of sugar, ghee, gram flour and cardamom in the palace during the reign of Krishna Raja Wadiyar IV.</p>
                            <p class="card-text">Orginally called Mysore Paaka and served at the palace, today it's dropped its pretensions, goes by the name Pak and populates street food stalls and late night kiosks as well as the fanciest restaurants in town. </p>
                            <button class="btn btn-teal btn-sm">Read More</button>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card mt-3">
                        <img src="images/Semiya-Payasam-1.jpg" class="img-fluid" alt="">
                        <div class="card-body">
                            <h3 class="card-title">Payasam</h3>
                            <p class="card-text">Typically a dish reserved for weddings and other special occasions, if you're lucky, you can track down payasam for dessert at a restaurant. This rice pudding dish extends beyond Mysore across south India with its sweetness, cardamom spice and chopped nut texture.</p>
                            <button class="btn btn-teal btn-sm">Read More</button>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card mt-3">
                        <img src="images/kesari-bath-recipe-a.jpg" class="img-fluid" alt="">
                        <div class="card-body">
                            <h3 class="card-title">Kesari Bath</h3>
                            <p class="card-text">Served for breakfast, rather than for dessert, kesari bath also shows up for religious events and special Sunday treats. Elsewhere in India, it goes by the name sooji halwa or sheera but on the Mysore food scene, it's a hearty kesari bath. </p>
                            <p class="card-text">A mix of semolina, ghee, sugar and milk, with saffron for colour, it's often topped with cashews or pineapple on special occasions.</p>
                            <button class="btn btn-teal btn-sm">Read More</button>
                        </div>
                    </div>
                </div>
            </div>

                <div class="row text-center">
                    <div class="col">
                        <h5 class="display-4">
                            <span class="text-teal">Popular</span> Savouries
                        </h5>
                        <p class="lead">Let's get going on all and discover some of the savouries.</p>
                    </div>
                </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="card mt-3">
                        <img src="images/vada.jpg" class="img-fluid" alt="">
                        <div class="card-body">
                            <h3 class="card-title">Vada</h3>
                            <p class="card-text">Made from black gram (lentil) flour, cumin, curry leaves and sometimes chilli and chopped onions before heading into the deep fryer, vada turn out surprisingly mild.  </p>
                            <p class="card-text">Spice them up with sambar (a spicy lentil soup) and chutney and mix and match with other Mysore street foods. </p>
                            <button class="btn btn-teal btn-sm">Read More</button>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card mt-3">
                        <img src="images/oats-bisibelabath.jpg" class="img-fluid" alt="">
                        <div class="card-body">
                            <h3 class="card-title">BISIBELABATH - A BIT OF A MOUTHFUL</h3>
                            <p class="card-text">It's a rice based dish, possibly of royal origin from the Mysore Palace, that today forms a staple of the Mysore food scene. </p>
                            <p class="card-text">Bisi bele bhath literally translates to hot lentil rice dish in Kannada and it's a comforting, hearty dish likely to leave you with a satisfied, if not smug, belly.</p>
                            <button class="btn btn-teal btn-sm">Read More</button>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card mt-3">
                        <img src="images/Mysore-Bonda-01.jpg" class="img-fluid" alt="">
                        <div class="card-body">
                            <h3 class="card-title">Bonda</h3>
                            <p class="card-text">Every self-respecting food spot has a dumpling or fried ball to its name, and Bonda takes on the challenge in Karnataka. The Mysore version is typically aloo bonda, made from mashed potato, and traditionally served with piping hot tea. Coconut chutney and a small bowl of sambar complete the experience.  </p>
                            
                            <button class="btn btn-teal btn-sm">Read More</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col text-center">
                    <button class="btn btn-dark btn-lg">
                        <i class="fa fa-play mr-2"></i> Famous Restaurants
                    </button>
                </div>
            </div>
        </div>
    </section>

    <!-- Social Icons -->
    <section class="p-3 bg-teal text-white text-center">
        <div class="container">
            <div class="row">
                <div class="col">
                    <h1>Follow Mysore Tourism</h1>
                    
                    <i class="fab fa-facebook-square fa-4x m-3"></i>
                    <i class="fab fa-youtube fa-4x m-3"></i>
                    <i class="fab fa-twitter fa-4x m-3"></i>
                    <i class="fab fa-instagram fa-4x m-3"></i>
                </div>
            </div>
        </div>
    </section>

    <!-- Gallery Section -->
    <section id="gallery" class="p-3">
        <div class="container">
            <div class="row text-center">
                <div class="col">
                    <h5 class="display-4">
                        <span class="text-teal">Photo</span> Gallery
                    </h5>
                    
                </div>
            </div>
            
            <div class="row mt-4">
                <div class="col-md-3">
                    <img src="images/avarekalu-saaru.jpg" class="img-fluid" alt="">
                </div>
                <div class="col-md-3">
                    <img src="images/mysore-masala-dosa.jpg" class="img-fluid" alt="">
                </div>
                <div class="col-md-3">
                    <img src="images/nucchina-unde.jpg" class="img-fluid" alt="">
                </div>
                
            </div>
            <div class="row mt-4">
                <div class="col-md-3">
                    <img src="images/Uttapam-.jpg" class="img-fluid" alt="">
                </div>
                <div class="col-md-3">
                    <img src="images/Poori-Saagu-.jpg" class="img-fluid" alt="">
                </div>
                <div class="col-md-3">
                    <img src="images/Shavige-Uppittu-.jpg" class="img-fluid" alt="">
                </div>
                
            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section id="contact" class="p-3">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="card mt-3">
                        <div class="card-body bg-teal text-center text-white">
                            <i class="fa fa-envelope fa-4x"></i>
                            <h2>Contact For Bookings</h2>
                            <p>So what are you waiting for book your tickets right now for your next vacation to Mysuru? For more querries contact us !!</p>
                        </div>
                    </div>
                    
                </div>
                <div class="col-md-6">
                    <div class="card mt-3">
                        <div class="card-header bg-teal text-white text-center">
                            <h3>Contact Us</h3>
                        </div>
                        <div class="card-body bg-light">
                            <form>
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Name">
                                </div>
                                <div class="form-group">
                                    <input type="email" class="form-control" placeholder="Email">
                                </div>
                                <div class="form-group">
                                    <input type="number" class="form-control" placeholder="Mobile Number">
                                </div>
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Loved Destination">
                                </div>
                                <div class="form-group">
                                    <textarea class="form-control" rows="5" placeholder="Your Description"></textarea>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Main Footer -->
    <footer class="p-3 mt-3 bg-teal text-white text-center">
        <div class="container">
            <div class="row">
                <div class="col">
                    <h3>Copyright &copy; 2020 , Travel Mysore</h3>
                    <h6>All Rights Reserved</h6>
                    <h6>Developed & Maintained by Pratik and Mukul</h6>
                </div>
            </div>
        </div>
    </footer>

<!-- Bootstrap Js files -->
<script src="bootstrap/js/jquery.js"></script>
<script src="bootstrap/js/popper.min.js"></script>
<script src="bootstrap/js/bootstrap.js"></script>
<script src="bootstrap/js/mdb.js"></script>
<script>
    $('.carousel').carousel({
        interval : 3000,
        pause : 'hover'
    });
</script>
<script>(function(w, d) { w.CollectId = "5fd44966278c444f79e6977c"; var h = d.head || d.getElementsByTagName("head")[0]; var s = d.createElement("script"); s.setAttribute("type", "text/javascript"); s.async=true; s.setAttribute("src", "https://collectcdn.com/launcher.js"); h.appendChild(s); })(window, document);</script>
</body>
</html>
